.checkstand{
	width: 100%;
	height: 100vh;
	background-color: #f3f4f6;
	padding: 32rpx;
	box-sizing: border-box;
	.order-info-container{
		width:686rpx;
		height:470rpx;
		background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/688df04c-1cba-4ca8-959e-0df626d17805.png) no-repeat;
		background-size: 100% 100%;
		position: relative;
		.cost-detail-wrapper{
			display: flex;
			flex-direction: column;
			align-items: center;
			position: absolute;
			top: 64rpx;
			left: 50%;
			transform: translateX(-50%);
			.cost-detail-top{
				display: flex;
				align-items: flex-end;
				.cost-unit{
					width:36rpx;
					height:50rpx;
					font-family:$global-font-family;
					color:#1d1d1f;
					font-size:36rpx;
					text-align: center;
					line-height: 50rpx;
					margin-right: 8rpx;
				}
				.cost-value{
					font-weight: 900;
					height:78rpx;
					font-family:$global-font-family;
					color:#1d1d1f;
					font-size:64rpx;
				}
			}
			.cost-label{
				margin-top: 32rpx;
				width:96rpx;
				height:34rpx;
				font-family:$global-font-family;
				color:#afafaf;
				font-size:24rpx;
				text-align:center;
			}
		}
		.order-info-bottom-container{
			width: 100%;
			position: absolute;
			bottom: 0rpx;
			padding: 32rpx;
			box-sizing: border-box;
			.order-info-item{
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 16rpx;
				.label{
					width:96rpx;
					height:34rpx;
					line-height: 34rpx;
					font-family:$global-font-family;
					color:#afafaf;
					font-size:24rpx;
					text-align: left;
				}
				.content{
					flex: 1;
					height:34rpx;
					line-height: 34rpx;
					font-family:$global-font-family;
					color:#1d1d1f;
					font-size:24rpx;
					text-align:right;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				&:last-of-type{
					margin-bottom: 0rpx;
				}
			}
		}
	}
	.payment-pattern-container{
		margin-top: 32rpx;
		width: 100%;
		background-color:#ffffff;
		border-radius:24rpx;
		padding: 32rpx;
		box-sizing: border-box;
		.title{
			height:40rpx;
			font-family:$global-font-family;
			color:#1d1d1f;
			font-size:34rpx;
		}
		.payment-pattern-item{
			margin-top: 32rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.item-left{
				display: flex;
				align-items: center;
				.pattern-name{
					height:40rpx;
					font-family:$global-font-family;
					color:#1d1d1f;
					font-size:28rpx;
				}
			}
			/deep/ .u-checkbox__label{
				margin-right: 0rpx !important;
			}
		}
	}
	.pay-btn{
		width:100%;
		height:96rpx;
		background-image:linear-gradient(90deg,#248ffc 0%,#0078fb 100%);
		border-radius:52rpx;
		font-family:$global-font-family;
		color:#ffffff;
		font-size:32rpx;
		margin-top: 64rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		&::after{
			border: none;
			outline: none;
		}
	}
}